﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ShowPhotoUser.ascx.cs" Inherits="Web_Pages_UserControls_Test" %>
 <%@ Register TagPrefix="cc1" Namespace="SiteUtils" Assembly="CollectionPager" %>


 <head>
  <title></title>
    <script type="text/javascript" src="../../Scripts/jquery-1.4.1.js"></script>
    <script type="text/javascript" src="../../Scripts/jquery.lightbox-0.5.js"></script>
    <link  rel="Stylesheet" type="text/css" href="../../css/lightbox.css" media="screen" />
    

    <script>
        $(document).ready(function () {
            $("#hinh a").lightBox();
        });

	</script>

    <style type="text/css">
         .footer{width:1000px;position:relative; clear:both; margin: 0 auto}
    </style>
 </head>
 <div id="hinh">
    <table>
        <tr>
            <td>
                <h1>Danh sách ảnh của bạn</h1>
            </td>
        </tr>
        <tr>
            <td>
                <table>
    <asp:DataList ID="DataList1" runat="server" BackColor="#DEBA84" 
        BorderColor="#DEBA84" BorderWidth="1px" CellPadding="3" 
        style="margin-bottom: 0px" BorderStyle="None" CellSpacing="2" 
        GridLines="Horizontal" HorizontalAlign="Left" RepeatColumns="3" 
        RepeatDirection="Horizontal" Width="550px" Height="279px">
        <FooterStyle BackColor="#F7DFB5" ForeColor="#8C4510" />
        <HeaderStyle BackColor="#A55129" Font-Bold="True" ForeColor="White" />
        <ItemStyle BackColor="#FFF7E7" ForeColor="#8C4510" />
        <ItemTemplate > 
        
        <a href="<%# Eval("PhotoLocation","../../Images/{0}") %>" class="lightbox" rel="roadtrip" Height="100px" Width="180px" ><img src="<%# Eval("PhotoLocation","../../Images/{0}") %>" width="135px" height="145px" /></a>
        <%--<asp:Image ID="hinh" runat="server"  
  ImageUrl='<%# Eval("PhotoLocation","~/Images/{0}") %>' class="lightbox" Height="117px" Width="192px" />--%>
        </ItemTemplate>
        
        <SelectedItemStyle BackColor="#738A9C" ForeColor="White" Font-Bold="True" />
    </asp:DataList>


    
    </div>
        </table>
            </td>
        </tr>
    </table>
 <div id="footer">
        <cc1:CollectionPager ID="CollectionPager1" runat="server" 
     BackText="« Trước" FirstText="-- Đầu" LabelText="Trang:"
      LastText="Cuối" NextText="Sau »" ResultsFormat="Kết quả từ {0}-{1} (của {2}) " 
            ShowFirstLast="True" SliderSize="4" PagingMode="PostBack">
      </cc1:CollectionPager>
      </div>
    
